我哪儿会设计啊,全靠叠!
那啥~我又来了!
今天的文章,我们来聊聊排版中很实用的一个小技巧——叠压。
我们在进行文字排版的时候,除了要考虑阅读性,排版的节奏感、层次感也是非常重要的。而通过不同元素的叠压与穿插,不但可以在画面中建立起清晰的秩序感,同时也可以有效提升排版的设计感。
好了,废话少说,叠压技巧走起。
我们有时候需要进行纯文字排版,为了避免纯文字所带来的单调乏味,我们可以通过文字之间的叠压,来达到提升画面层次感的目标。
大字+小字
大字和小字的叠压是排版中最常见的一种情况,通过大小的变化与穿插,可以营造出很好的节奏变化。一般在画面中文案特别少的情况下,就可以考虑用大字+小字进行叠压排版。
我们直接来看案例。
第1步,
将文案打出来。
第2步,
将英文放大处理,并且换成手写字体,这样它就具有了图形的属性。再将汉字部分用深色压住画面,形成对比。
第3步,
对画面的颜色和背景进行细化处理。
OK,一个简单的纯文字排版完成。
中文+英文
英语在排版中经常被用来当作装饰性元素,尤其是手写英文,通过与汉字的叠压与穿插,可以给排版增加不少的活力。
来看实操案例。
第1步,
打两句常用的文案。
第2步,
将英文换成活泼的手写体,色彩也要与汉字有反差。
第3步,
用蒙版对英文进行处理,使它与中文形成前后穿插的效果。
第4步,
优化配色,以及排版细节。
OK,完工。
实心字+空心字
对于装饰性的文案,如果我们不想太突出,则可以将它变成空心字,以描边的形式来弱化它。把它所形成的线条与主文案进行叠压,可以丰富画面的层次感。
来看实操案例。
第1步,
打上文案。
第2步,
将英文字描边,并且放大,叠到汉字的背后,作为纹理。
第3步,
修饰一下细节。
OK,完工。
这种叠压方式需要注意的是,中文和英文字体风格一定要统一,这样叠压之后才不会显得乱。
好了,我们继续叠压。
相对于文字与文字的叠压,文字与图片的叠压更加实用,也更加常见。具体的叠压方式也分成多种,下面给大家一一介绍。
文字+LOGO
在做品牌类的设计时,经常会用到这样的排版方式,叠压的元素既可以是LOGO本身,也可以是品牌相关的任何图形元素。
直接案例走起。
第1步,
列出文案和相关元素。
第2步,
将LOGO放大,与文字进行叠压。
第3步,
用蒙版处理对LOGO的局部进行处理,使LOGO与文字形成相互穿插的效果。
第4步,
进一步完善画面细节。
OK,完工。
文字+图片
文字与图片的叠压,可以让两者更加融合,视觉上看起来更加一体化。
例如下面这个画面,常规的排版是直接将文字压在图片上。
如果我们将文字放大,使文字与图片中的一部分元素形成前后叠压关系的话,就会看起来更加有设计感。
文字+几何元素
如果我们没有现成的图形元素可用,也可以从文案本身的主题出发,给文案绘制相关的图形元素,使得文案主题的表达更加具象,易懂。
实操案例走起。
第1步,
先打上文案。
第2步,
从太空的主题,很容易联想到星环。画出来后与文字进行叠压和穿插,同时倾斜处理,这样看起来会更加有飘浮的感觉。
第3步,
对叠压的接触点进行处理,并且添加小的装饰细节。
第4步,
添加背景纹理、噪点等小细节。
OK,
完工。
相对于文字叠加文字,图形与文字的结合方式更加的丰富和多样,并且效果也更加出彩。
接下来我们再看图形与图形之间的叠压。
图形包括了图片与几何图形,两者的叠压方式又有点不一样。我们通过案例来说明。
图片+图片
图片与图片的叠压,估计许多人第一时间就会想到杂志风排版。
第1步,
将3张不同的素材图列上来。
第2步,
选中其中一张作为主图放大,另外两张缩小,叠放到主图的上面。
第3步,
给照片添加细节,让它看起来更真实自然。
第4步,
给背景添加类似旧报纸的纹理。
第5步,
在画面空白的地方排好文案。
OK,一张杂志风格的海报完工。
图片+几何元素
在电商类的设计中,我们经常会将产品图与几何元素进行叠压,来达到丰富画面层次感的效果。
还是来看实操案例。
第1步,
先抠好产品图。
第2步,
在画面的边缘部分叠加两个圆形。
第3步,
将圆形与产品的穿插关系优化一下。
第4步,
在鞋子的后面,再放置一个圆形来排版文案。
OK,完工。
好了,今天的教程内容到这。
走了~
越努力,越幸运。
这里是庞门正道。